@import '@/lib/reset.scss';

.gloabalContent{
  border:1px solid #C8C7BC;
  margin-bottom:20px;
  background-color:#F0EFE2;
  .con{
    width:628px;
    height:auto;
    margin:15px 20px 0 20px;
    .zhushi{
      float:right;
      width:160px;
      height:30px;
      .yi_list{
        width:100%;
        height:100%;
        display: flex;
        li{
          width:25px;
          height:25px;
          margin-left:15px;
          border-radius: 50%;
          border:1px solid #AEAEAA;
          line-height: 25px;
          text-align: center;
          color:#A0A09F;
        }
      }
    }
    .title{
      b{
        color:#19537D;
        font-size: 20px;
      }
      margin-bottom:10px;
    }
    .autor{
      margin-bottom:10px;
      span{
        width:24px;
        height:14px;
        color:#65645F;
      }
    }
    .content{
      p{
        margin-bottom:10px;
        .yi{
          color:#76621c;
          font-size: 14px;
          line-height: 200%;
          display:none;
        }
        .shang{
          color: #286345;
          display:none;
        }
      }
      .appreciation{
        border-top:1px solid #ccc;
        padding-top:10px;
        text-indent:2em;
        display:none;
      }
    }
  }
  .tools{
    width:628px;
    height:auto;
    margin:20px 20px 3px 20px;
    // position: relative;
    .tool_img{
      display: flex;
      li{
        width:18px;
        height:30px;
        margin-right:30px;
        color:#A6A6A7;
        .iconfont{
          font-size:18px;
          font-weight:bold;
        }
      }
    }
    .shiwenerwima{
      display: none;
      // position: absolute;
      width:152px;
      height:152px;
      background-repeat: no-repeat;
      background-image: url(./../../../img/shiwenerweima.png);
    }
    .shiwenAudio{
      display: none;
      width:668px;
      height:54px;
      position: relative;
      audio{
        width:450px;
        height:50px;
      }
      .shiwenReaders{
        position: absolute;
        line-height: 54px;
        display:inline-block;
        margin-left:15px;
        width:108px;
        height:54px;
      }
    }
  }
  .tag{
    width:628px;
    margin: 0 20px 10px 20px;
    padding-top:10px;
    border-top:1px solid #DAD9D1;
    .tag_list{
      width:100%;
      height:20px;
      display: flex;
      li{
        height:20px;
        color:#999999;
      }
    }
  }
}
.globalType{
  background-color:#F0EFE2;
  margin-top:20px;
  border:1px solid #ccc;
  .type_title{
    width:278px;
    height:25px;
    margin:20px 0 0 20px;
    position: relative;
    .line{
      width:3px;
      height:21px;
      background-color:#A2C241;
      margin:1px 8px 0 0;
      display: inline-block; 
    }
    b{
      position: absolute;
      top:0;
      font-size:18px;
      color:#0f0f0f;
    }
  }
  .type_cont{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    span{
      display: inline-block;
      width:70px;
      height:22px;
      text-align: center;
      line-height: 22px;
      border:1px solid #DAD9D1;
      margin:15px 0 0 20px;
    }
  }
}

.ziliaowrap{
  display: none;
}